/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./table-beautifier.html",
    "./flowchart-generator.html",
    "./prompts.html",
    "./thanks.html",
    "./catalog-parser.html",
    "./page-number-adder.html",
    "./quote-converter.html",
    "./admin.html",
    "./login.html",
    "./about.html",
    "./tools.html",
    "./components/**/*.html",
    "./js/**/*.js"
  ],
  theme: {
    extend: {
      colors: {
        primary: '#165DFF',
        secondary: '#36D399',
        accent: '#8B5CF6',
        dark: '#1E293B',
        light: '#F8FAFC'
      },
      fontFamily: {
        'inter': ['Inter', 'system-ui', 'sans-serif']
      },
      boxShadow: {
        'soft': '0 8px 30px rgba(0, 0, 0, 0.12)'
      },
      transitionDuration: {
        '300': '300ms'
      }
    },
  },
  plugins: [],
}